// 加载layui.form模块
let form = layui.form;
// 加载layui.layer模块
let layer=layui.layer;
// todo===========获取用户信息
renderForm();
function renderForm() {
  axios.get("/my/userinfo").then(({ data }) => {
    // console.log("user_info中res.data数据", data);
    //   console.log(data.data);
    //加载layui.form模块 给表单赋值
    //第一个参数：formFilter 即 class="layui-form" 所在元素属性 lay-filter="formFilter" 对应的值
    // 第二个参数：data.data 这个对象的属性（key）要和表单各项的name属性值相同，才能赋值成功
    form.val("formFilter", data.data);
  });
}
// todo ===========表单验证
form.verify({
  nickname: function (value, item) {
    //value：表单的值、item：表单的DOM对象
    // 昵称长度2-6位
    if (value.length < 2 || value.length > 6) {
      console.log(1);
      return "昵称长度2-6位";
    }
  },
});
// todo ===========更新用户信息
$("#form").on("submit", function (e) {
  // 阻止表单默认提交
  e.preventDefault();
  // serialize() 收集表单的names属性的数据
  const data = $(this).serialize();
  axios.post("/my/userinfo", data).then(({ data }) => {
    console.log(data);
    if (data.status !== 0) {
      // 修改不成功
      return layer.msg(data.message);
    }
    // 修改成功
    layer.msg(data.message);
    // 更新index 页面的昵称  $("#welcome").text()
    // window.parent 属性:子页面获取主页面,获取用户信息函数getUserInfo()
    window.parent.getUserInfo();
  });
});

// todo =========重置功能
$("#btnReset").click(function (e) {
  //
  e.preventDefault();
  //调用获取用户信息，封装函数
  renderForm();
});
